:root {
  --main-primary: #16C2A3;
  --main-plain: #EAF8F6;
  --main-orange: #FCA21C;
  --main-text1: #121826;
  --main-text2: #3C3E42;
  --main-text3: #6F6F6F;
  --main-tag: #848484;
  --main-dark: #979797;
  --main-tip: #C3C3C5;
  --main-disable: #D9DBDE;
  --main-line: #EDEDED;
  --main-bg: #F6F7F9;
  --main-price: #EB5757;
  // 覆盖vant主体色
  --van-primary-color: var(--main-primary);
  --van-collapse-item-content-padding:0;
}

html,
body {
  margin: 0;
  height: 100%;  
  background-color: #f8f8f8;
  
  
  #app {
    height: 100%;
    padding: 0rem;
  }

  img {
    vertical-align: middle;
    border: 0;
  }

  .container {
    .header {
      width: 100%;
      position: relative;
      display: inline-block;

      .title {
        position: absolute;
        bottom: 5px;
        text-align: center;
        opacity: 0.6;
        background-color: #000;
        height: 40px;
        width: 100%;

        .text {
          color: white;
          line-height: 38px;
        }
      }

      .goBack {
        position: absolute;
        top: 15px;
        left: 15px;
        text-align: center;
        vertical-align: middle;
        background-color: #fff;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border-radius: 50%;
        box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
      }
    }

    .body {
      padding: 0rem 1rem;
    }

    .footer {
      width: 100%;
    }
  }
}


// .box-card {
//   width: 100%;
//   margin-bottom: 1rem;

//   .card-header {
//     text-align: left;
//   }
// }